@import '~@/assets/stylesheet/common.less';
.unified-bg() {
  background-color: #fff;
  width: 100%;
  border-radius: 4px;
  height: 100%;
  box-shadow: 0 0px 6px rgba(71, 119, 231, 0.2);
}
.index-wrap {
  height: calc(100vh - 124px);
  display: flex;
  flex-direction: column;
  margin: -8px 0;
  .index-header-wrap {
    flex: 0 0 92px;
    padding: 8px 0;
    .open-door-number,
    .device-status {
      .unified-bg();
    }
  }
  .index-content-wrap {
    flex: 1;
    min-height: 0;
    padding: 8px 0;
    padding-bottom: 0;
    height: 100%;
    margin: -8px 0;
    .chart-wrap {
      padding: 8px 0;
      height: 48%;

      .open-door-statistics {
        .unified-bg();
      }
      .visitor-statistics {
        flex: none;
        min-height: 0;
        .unified-bg();
      }
    }
    .alarm-wrap {
      padding: 8px 0;
      padding-bottom: 0;
      height: 52%;
      .alarm-list {
        height: 100%;
        overflow: auto;
        .scrollCommon();
        .unified-bg();
      }
      .active-alarm {
        height: 100%;
        overflow: auto;
        .scrollCommon();
        .unified-bg();
      }
      .alarm-type {
        height: 100%;
        .unified-bg();
      }
    }
  }
}
